<link rel="stylesheet" href="../css/recommend.css">
<div id='banner-back'>
    <div class="wrap">
        <div class="ban f-pr">
            <div class="ban-img">
                <a href="javascript:;">
                    <img src="http://p1.music.126.net/gDQQvBB9vwj8GBian3zTfA==/109951166446834434.jpg" alt="">
                </a>
                <a onclick="change.pre()" href="javascript:;" class="btnl"></a>
                <a onclick="change.next()" href="javascript:;" class="btnr"></a>
                <div class="dots">
                    <a onclick="change.action(0)" href="javascript:;" class="pg active" data-index='0'></a>
                    <a onclick="change.action(1)" href="javascript:;" class="pg" data-index='1'></a>
                    <a onclick="change.action(2)" href="javascript:;" class="pg" data-index='2'></a>
                    <a onclick="change.action(3)" href="javascript:;" class="pg" data-index='3'></a>
                    <a onclick="change.action(4)" href="javascript:;" class="pg" data-index='4'></a>
                    <a onclick="change.action(5)" href="javascript:;" class="pg" data-index='5'></a>
                    <a onclick="change.action(6)" href="javascript:;" class="pg" data-index='6'></a>
                    <a onclick="change.action(7)" href="javascript:;" class="pg" data-index='7'></a>
                    <a onclick="change.action(8)" href="javascript:;" class="pg" data-index='8'></a>
                    <a onclick="change.action(9)" href="javascript:;" class="pg" data-index='9'></a>
                </div>
            </div>
        </div>
        <div class="download f-pr">
            <a class="downbtn" target="_blank" href="https://music.163.com/#/download"></a>
            <p>PC 安卓 iPhone WP iPad Mac 六大客户端</p>
        </div>
    </div>
</div>
<div id='discover'>
    <div class="lwrap">
        <div class="hot">
            <div class="hot-nav">
                <a href="javascript:;">热门推荐</a>
                <div>
                    <a onclick="$('.header_bottom_nav_fx>li:eq(2) span').click();setTimeout(()=>getList('华语'),500)"
                        href="javascript:;">华语</a><span>|</span>
                    <a onclick="$('.header_bottom_nav_fx>li:eq(2) span').click();setTimeout(()=>getList('流行'),500)"
                        href="javascript:;">流行</a><span>|</span>
                    <a onclick="$('.header_bottom_nav_fx>li:eq(2) span').click();setTimeout(()=>getList('摇滚'),500)"
                        href="javascript:;">摇滚</a><span>|</span>
                    <a onclick="$('.header_bottom_nav_fx>li:eq(2) span').click();setTimeout(()=>getList('民谣'),500)"
                        href="javascript:;">民谣</a><span>|</span>
                    <a onclick="$('.header_bottom_nav_fx>li:eq(2) span').click();setTimeout(()=>getList('电子'),500)"
                        href="javascript:;">电子</a><span>|</span>
                </div>
                <span>
                    <a onclick="$('.header_bottom_nav_fx>li:eq(2) span').click()" href="javascript:;">更多</a>
                    <i>&nbsp;</i>
                </span>
            </div>
            <ul class="hot-body clean">
            </ul>
        </div>
        <div class="new">
            <div class="new-nav">
                <a href="javascript:;">新碟上架</a>
                <span onclick="newMore()">
                    <a onclick="$('.header_bottom_nav_fx>li:eq(5) span').click()" href="javascript:;">更多</a>
                    <i>&nbsp;</i>
                </span>
            </div>
            <div>
                <div class="new-body">
                    <a onclick="changeAlbum.preAlbum()" class="btnl2" href="javascript:;">&nbsp;</a>
                    <div>
                    </div>
                    <a onclick="changeAlbum.nextAlbum()" class="btnr2" href="javascript:;">&nbsp;</a>

                </div>
            </div>
        </div>
        <div class="list">
            <div class="list-nav">
                <a href="javascript:;">榜单</a>
                <span>
                    <a onclick="$('.header_bottom_nav_fx>li:eq(1) span').click()" href="javascript:;">更多</a>
                    <i>&nbsp;</i>
                </span>
            </div>
            <div class="list-body">
                <div class="blk">
                    <div>
                        <div class="cover3">
                            <img src="http://p4.music.126.net/DrRIg6CrgDfVLEph9SNh7w==/18696095720518497.jpg?param=100y100"
                                alt="">
                            <a href="javascript:;"></a>
                        </div>
                        <div class="tit">
                            <a href="javascript:;">
                                <h3 class="f-thide">飙升榜</h3>
                            </a>
                            <div>
                                <a href="javascript:;"></a>
                                <a href="javascript:;"></a>
                            </div>
                        </div>
                    </div>
                    <dd>
                        <ol>

                        </ol>
                        <div class="all">
                            <a onclick="$('.header_bottom_nav_fx>li:eq(1) span').click()" href="javascript:;">查看全部></a>
                        </div>
                    </dd>
                </div>
                <div class="blk">
                    <div>
                        <div class="cover3">
                            <img src="http://p4.music.126.net/DrRIg6CrgDfVLEph9SNh7w==/18696095720518497.jpg?param=100y100"
                                alt="">
                            <a href="javascript:;"></a>
                        </div>
                        <div class="tit">
                            <a href="javascript:;">
                                <h3 class="f-thide">飙升榜</h3>
                            </a>
                            <div>
                                <a href="javascript:;"></a>
                                <a href="javascript:;"></a>
                            </div>
                        </div>
                    </div>
                    <dd>
                        <ol>

                        </ol>
                        <div class="all">
                            <a onclick="$('.header_bottom_nav_fx>li:eq(1) span').click()" href="javascript:;">查看全部></a>
                        </div>
                    </dd>
                </div>
                <div class="blk blk-1">
                    <div>
                        <div class="cover3">
                            <img src="http://p4.music.126.net/DrRIg6CrgDfVLEph9SNh7w==/18696095720518497.jpg?param=100y100"
                                alt="">
                            <a href="javascript:;"></a>
                        </div>
                        <div class="tit">
                            <a href="javascript:;">
                                <h3 class="f-thide">飙升榜</h3>
                            </a>
                            <div>
                                <a href="javascript:;"></a>
                                <a href="javascript:;"></a>
                            </div>
                        </div>
                    </div>
                    <dd>
                        <ol>

                        </ol>
                        <div class="all">
                            <a onclick="$('.header_bottom_nav_fx>li:eq(1) span').click()" href="javascript:;">查看全部></a>
                        </div>
                    </dd>
                </div>
            </div>
        </div>
    </div>
    <div class="rwrap">
        <!-- <div class="user-profile">
            <div>
                <a class="head" href="javascript:;">
                    <img class="limg" src="" alt="">
                </a>
            </div>
            <div class="my-info">
                <h4>
                    <a class="f-thide" href="javascript:;"></a>
                </h4>
            </div>
        </div> -->
        <div class="log">
            <p>登录网易云音乐，可以享受无限收藏的乐趣，并且无限同步到手机</p>
            <a href="javascript:;" onclick="qrLogin()">用户登录</a>
        </div>
        <div class="singers">
            <h3>
                <span class="fl">入驻歌手</span>
                <a onclick="$('.header_bottom_nav_fx>li:eq(4) span').click()" class="fr" href="javascript:;">查看全部</a>
            </h3>
            <ul class="clean">
                <li class="singe">
                    <a href="javascript:;">
                        <div>
                            <img src="http://p1.music.126.net/rCsLFXha6SLis0tV7yZ5fA==/109951165588539704.jpg?param=62y62"
                                alt="">
                        </div>
                        <div>
                            <h4>
                                <span class="f-thide">张惠妹aMEI</span>
                                <p class="f-thide">台湾歌手张惠妹</p>
                            </h4>
                        </div>
                    </a>
                </li>
                <li class="singe">
                    <a href="javascript:;">
                        <div>
                            <img src="http://p1.music.126.net/wDxCsT3YEYdNg-UZU_ZKeg==/109951166047225823.jpg?param=62y62"
                                alt="">
                        </div>
                        <div>
                            <h4>
                                <span class="f-thide">Fine乐团</span>
                                <p class="f-thide">独立音乐人</p>
                            </h4>
                        </div>
                    </a>
                </li>
                <li class="singe">
                    <a href="javascript:;">
                        <div>
                            <img src="http://p1.music.126.net/TiRAIiIihOgtBgYB6DZRXA==/109951162916034289.jpg?param=62y62"
                                alt="">
                        </div>
                        <div>
                            <h4>
                                <span class="f-thide">萬曉利</span>
                                <p class="f-thide">民谣歌手、中国现代民谣的代表人物之一</p>
                            </h4>
                        </div>
                    </a>
                </li>
                <li class="singe">
                    <a href="javascript:;">
                        <div>
                            <img src="http://p1.music.126.net/w_UWOls2uCkFN_U62788Xg==/18806046882229308.jpg?param=62y62"
                                alt="">
                        </div>
                        <div>
                            <h4>
                                <span class="f-thide">音乐人赵雷</span>
                                <p class="f-thide">民谣歌手</p>
                            </h4>
                        </div>
                    </a>
                </li>
                <li class="singe">
                    <a href="javascript:;">
                        <div>
                            <img src="http://p1.music.126.net/NDsX060FnCtiDMZN-c_9Gw==/3438172872737957.jpg?param=62y62"
                                alt="">
                        </div>
                        <div>
                            <h4>
                                <span class="f-thide">王三溥</span>
                                <p class="f-thide">音乐人</p>
                            </h4>
                        </div>
                    </a>
                </li>
            </ul>
            <div class="apply">
                <a target="_blank" href="https://music.163.com/st/musician">
                    <i>申请成为网易音乐人</i></a>
            </div>
        </div>
        <div class="hot-dj">
            <h3>热门主播</h3>
            <ul class="clean">
                <li class="dj">
                    <a href="javascript:;">
                        <img src="http://p2.music.126.net/H3QxWdf0eUiwmhJvA4vrMQ==/1407374893913311.jpg?param=40y40"
                            alt="">
                    </a>
                    <div>
                        <p><a class="f-thide" href="javascript:;">陈立</a></p>
                        <p class="f-thide">心理学家、美食家陈立教授</p>
                    </div>
                </li>
                <li class="dj">
                    <a href="javascript:;">
                        <img src="http://p2.music.126.net/GgXkjCzeH4rqPCsrkBV1kg==/109951164843970584.jpg?param=40y40"
                            alt="">
                    </a>
                    <div>
                        <p><a class="f-thide" href="javascript:;">刘维-Julius</a></p>
                        <p class="f-thide">歌手、播客节目《维维道来》主理人</p>
                    </div>
                </li>
                <li class="dj">
                    <a href="javascript:;">
                        <img src="http://p2.music.126.net/C8jFbOTjUOnTKEHX6uuzOg==/109951166239584597.jpg?param=40y40"
                            alt="">
                    </a>
                    <div>
                        <p><a class="f-thide" href="javascript:;">莫非定律MoreFeel</a></p>
                        <p class="f-thide">男女双人全创作独立乐团</p>
                    </div>
                </li>
                <li class="dj">
                    <a href="javascript:;">
                        <img src="http://p2.music.126.net/NHjNoFpLDEZ-3OR9h35z1w==/109951165825466770.jpg?param=40y40"
                            alt="">
                    </a>
                    <div>
                        <p><a class="f-thide" href="javascript:;">碎嘴许美达</a></p>
                        <p class="f-thide">脱口秀网络红人</p>
                    </div>
                </li>
                <li class="dj">
                    <a href="javascript:;">
                        <img src="http://p2.music.126.net/CpUdHPNvBvN7kebvL21TTA==/109951163676573083.jpg?param=40y40"
                            alt="">
                    </a>
                    <div>
                        <p><a class="f-thide" href="javascript:;">银临Rachel</a></p>
                        <p class="f-thide">古风音乐人</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<script src="../js/recommend.js"></script>